.box{
    width: 100px;
    height: 100px;
    background-color: red;
    /* 设置旋转的中心点 */
    transform-origin: 50% 50%;
    /* transform: rotate(70deg); */
    /* linear表示线性匀速   infinite表示无限循环 */
    animation: rotateZ 2s linear infinite;
}
@keyframes rotateZ {
    /* 0%表示时间 */
    /* 0%{
        transform: rotateZ(0deg);
    }
    100%{
        transform: rotateZ(360deg);
    } */
     /* from和to表示开始和结束只能控制两个结点 */
    from {
        transform:  translateX(0px) rotateZ(0deg);
    }
    to {
        transform:  translateX(500px) rotateZ(360deg);
    }
}
